<extend name="Base/common"/>
<block name="header">
    <include file="Public/_nav"/>
    <link type="text/css" rel="stylesheet" href="__CSS__/wckc.css">
    <!-- <script type="text/javascript" src="__JS__/common.js"></script> -->
</block>

<block name="body">

      <!--   <include file="Public/_hot_sell"/> -->
        <!-- 左侧菜start -->
        <div class="col-xs-2">            
          <include file="Public/sidebar"  />
        </div>
        <!-- 左侧菜end -->
  <!--内容栏start-->
  <div class="col-xs-10"> 
    <div class="row container-fluid ">
    <div class="common-block-lg">
       <ul class="nav nav-tabs">
           <li class="active"><a href="#"><i class="icon icon-th-large"> </i>五彩课程展示</a></li>
           <li><a href="{:U('Zhanshi/jiemuhz')}"><i class="icon icon-th-large"> </i>节目汇总</a></li>
           <li><a href="{:U('Zhanshi/downjiemuMusic')}"><i class="icon icon-th-large"> </i>展示音乐汇总</a></li>
       </ul>

         <h1 style="color:#CC4444"> &nbsp; &nbsp;五彩课程汇报展示 </h1>
    
  
     <!-- 登记表单start -->
     <div class="right_box">
      <legend>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ——五彩课程展示活动节目上报</legend>
      <form class="form-horizontal form-condensed" role="form" method="post" action="" name="jiemu"> 
        <div class="form-group">
          <label class="col-md-2 control-label required">课程名称</label>
             <div class="col-sm-3"><select name="class" id="class" class="form-control">
               <option value="" > 请选择班级</option>
                <volist name="_curriculum" id="cur" >             
                 <option value="{$cur.cid}"> {$cur.cname}[{$cur.teacher}] </option>
                </volist>
             </select>
             </div>

            <label for="xingshi"  class="col-sm-2 control-label required">节目形式</label>
             <div class="col-sm-3">
              <select name="xingshi" id="xingshi" class="form-control" >
                    <option value="" > 请选择节目形式</option> 
                    <option>表演唱</option>    
                    <option>表演</option>
                    <option>独奏</option>
                    <option>合奏</option>
                    <option>现场制作</option>              
               </select> 
             </div> 
        </div>

        <div class="form-group"> 
            <label class="col-sm-2 control-label" for="showtime">节目时长</label>
                <div class="col-sm-3">
                   <input class="form-control" id="showtime" name="showtime" type="text" placeholder="请输入（估计大致时间）"/>
                </div>

            <label class="col-sm-2 control-label" for="renshu">参演人数</label>
              <div class="col-sm-3">
                 <input class="form-control"  id="renshu"  name="renshu" type="text" placeholder="参演人数"/>
              </div>                    
          </div> 

         <div class="form-group">
            <label class="col-sm-2 control-label required" for="title">节目名称</label>
            <div class="col-sm-8">
               <input class="form-control" name="title" id="title" type="text" placeholder="节目名称"/>
            </div>                         
         </div>

            <div class="form-group">
              <label class="col-md-2 control-label" for="abstract">解说词：</label>
              <div class="col-md-8">
                <textarea name="abstract" id="abstract" rows="4" class="form-control"></textarea>
              </div>
            </div>

           <div class="form-group">            
              <div class="col-md-offset-2 col-md-6 form-actions"> 
                  <button type="submit" class="btn btn-primary" onclick="return check()">确定上报</button>
                  <button type="button" class="btn btn-danger">取消</button>  
                  <!-- <input name="id" id="id" value="{$data.id}" type="hidden"> -->
               </div>
          </div>
      </form>
<script language="JavaScript">
function check(){
  if(document.jiemu.title.value==""){
    alert("节目名称不能为空!");
    document.jiemu.title.focus();
    return false;}
  if(document.jiemu.renshu.value==""){
    alert("人数不能为空!");
    document.jiemu.renshu.focus();
    return false;}
  
  return true;
  }
</script>
    
     <!-- 登记表单end -->
  
    <!-- Table start --> 
     <div class="right_box">
          
        <table class="table table-striped table-bordered" width="100%">
        <thead>
        <tr class="info">
            <th class="text-center">序号</th><th class="text-center" width="12%">课程名称</th><th class="text-center">节目名称</th>
            <th class="text-center">节目形式</th><th class="text-center">时长</th><th class="text-center">人数</th><th class="text-center">串词</th><th class="text-center">上传时间</th><th class="text-center">操作</th>
        </tr>
        </thead>
        <volist name="jiemulist" id="vo" >
        <tr>
            <td>{$i}</td>          
            <td>{$vo.kecheng}[{$vo.teacher}]</td>
            <td>{$vo.jiemu_name}</td><td>{$vo.jiemu_xingshi}</td><td>{$vo.jiemu_time}</td><td>{$vo.jiemu_renshu}</td><td>{$vo.jiemu_jieshuo|msubstr=0,10,'utf-8',true}</td><td><notempty name="vo.create_time">
             {$vo.create_time|date='y-m-d',###}<else/> 
             </notempty></td>
            <td class="text-center">                      
            <a href="{:U('Zhanshi/jiemuedit?id='.$vo['id'])}" ><i class="icon-edit"></i></a>
            <a href="{:U('Zhanshi/jiemuMusic?id='.$vo['id'])}" ><i class="icon icon-cloud-upload"></i></a>
            <a href="{:U('Zhanshi/jiemudelete?id='.$vo['id'])}" ><i class="icon icon-trash"></i></a></td>
            </tr>
        </volist>
        </table> 
        <div class="right_box text-right"> 
          &nbsp; {:getPagination($totalPageCount,$r)}
         </div>
     </div>
 <!--/Table end-->

 </div>
 </div> 
 </div> 
</div>
     
</block>